﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>font</title>
<link rel="stylesheet" href="demo.css"/>
<style type="text/css">
p{margin:10px;background:#ddd;}
p+p{margin-left:40px;}

.m-demo{font:30px/2 "Consolas",monospace;}
.m-demo .p1{font:italic bold 20px/1.5 arial,serif;}
.m-demo .p2{font:20px arial,serif;}
.m-demo .p3{font:100px;}
.m-demo .p4{font:'microsoft yahei';}
</style>
</head>
<body>
<div class="m-demo">
	<p>缩写：font:30px/2 "Consolas",monospace;</p>
	<p class="p1">缩写：font:italic bold 20px/1.5 arial,serif;</p>
	<p class="p2">缩写：font:20px arial,serif;</p>
	<p class="p3">缩写：font:100px;</p>
	<p class="p4">缩写：font:'microsoft yahei';</p>
</div>
</body>
</html>